/* 底部容器设置 */
.footer {
    width: 100%;
    height: 500px;
    margin: 0 auto;
    background-color: #454445;
    border-top: 1px solid #A9A9A9;
    padding-top: 30px;
    color: #fff;
}
/* 初始化字体大小 */
a,dt,dd{
    font-size: 14px;
    color: #fff;
}
/* 内容开始 */
.footer .top,.footer .middle{
    height: 200px;
    display: flex;
    align-items: flex-start;
}
/* 上部和中部盒子 */
.footer .top dl dt,.footer .top dl dd,.footer .middle dl dd{
    text-align: center;
}
.footer .top dl dt,.footer .top dl dd{
    margin-bottom: 12px;
}
.footer .top dl:nth-child(1),.footer .middle dl:nth-child(1){
    width: 25%;
}
.footer .top dl:nth-child(2),.footer .middle dl:nth-child(2){
    width: 32%;
}
.footer .top dl:nth-child(3),.footer .middle dl:nth-child(3){
    width: 22%;
}
.footer .top dl:nth-child(4),.footer .middle dl:nth-child(4){
    width: 21%;
}
.footer .top  .popular{
    display: flex;
    flex-wrap: wrap;
}
.footer .top  .popular li{
    margin: 0 11px 10px 11px;
}
.footer .middle dl img{
    width: 85px;
    height: 85px;
}
.footer .middle dd{
    color: #fff;
}
/* 底部盒子 */
.footer .bottom{
    display: flex;
    justify-content: space-around;
    align-items: flex-start;
}
.footer .bottom dl{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footer .bottom dl dd{
    font-size: 12px;
    margin-left: 10px;
}
.footer .bottom dl img{
    width: 30px;
    height: 30px;
}